<html>
    <style>
        body{
            background-color: gray;
            font-family: sans;
        }
        div {
            margin-bottom: 10px;
            text-align:justify; 
        }
        
        div.imagen{
            border:0.1mm solid #220044; 
            padding:10px; 
            background-color:#fff; 
            border-radius:25px;
            position: fixed;
            overflow: auto;
            width: 100%;
            left: -30px;
            margin-right: -40px;
            top: -30px;
            height: 160px;
        }
        
        div.contenido{
            border:0.1mm solid #220044; 
            padding:10px 20px; 
            background-color:#fff; 
            border-radius:25px; 
            float: left;
            height: 100%;
        }
        
        .derecha{ text-align: right; }
        
        table{
            width: 100%;
        }
        table,th,td{
            border:1px solid black;
        }
        th {background-color: #D9EDF2;}
        .origen {background-color: #FABF8F;}
        .destino {background-color: #FFF;}
        .margenRP {margin-bottom: 10px;}
    </style>

    <body>
        <div class="imagen"><img src="http://localhost:90/masfletes-cotizador/public/images/[LOGOMF]" width="1100px" height="200px" /></div>
        <br/><br/><br/><br/><br/><br/>
        <div class="contenido">
            <br/>
            <p class="derecha">San Luis Potosí, S.L.P a [FECHA]</p>
            <p class="margenRP"><b>[CLIENTE]</b></p>
            <p class="margenRP">[COMENTARIO1]</p>
            <p class="margenRP">[DESCRIPCION]</p>
            <br/>
            [TABLA]
            <br/>
            <b class="margenRP">Precio Final:</b> [MONTOFINAL]
            <br/>
            <p class="margenRP">[COMENTARIO2]</p>
            <p class="margenRP">[COMENTARIO3]</p>
            <br/>
            <p class="margenRP">Atn. [TRABAJADOR]</p>
            <p class="margenRP">Vigencia de la Cotización <b>[VIGENCIA]</b></p>
            <br/>
        </div>
    </body>
</html>